$(function(){
//	if($.cookie("wcId")){
//		
//	}
	// 返回按钮事件
	$("#goback").click(function(){
			history.go(-1);
		});
	
		// 随窗口的大小改变rem
	function vwFun(){
		var vw = $(window).innerWidth();		
		if(vw>=720){
			$("html").css("font-size",100);
		}
		else{
			$("html").css("font-size",vw/720*100);
		}
	}
	function posi(){
		vw = $(window).innerWidth();
		registerW = $("#register-form").innerWidth()
		modalW = $("#modal").innerWidth();
		rw = (vw - registerW) / 2;
		
			mw = (vw -modalW) / 2;
		
		
		$("#register-form").css({left:rw});
		$("#modal").css({left:mw})
	}
	
	vwFun();
	$(window).resize(function(){
		vwFun();
		posi();
	});
	// 1秒或用户头像动画效果和注册按钮显示
	setTimeout(function(){
		$("#userPhoto").css("top","1.3rem");
		$("#registerBtn").animate({opacity:1},1000);
	},1000)
	
	$("#userPhoto").on("click",function(){
		$(this).addClass("animated rubberBand").removeClass("movePhoto");
		setTimeout(function(){
			$("#userPhoto").removeClass("animated rubberBand").removeClass("rollBack");
		},1000)
	});
	
	// 点击注册按钮的动画效果
	
	
	posi();

	$("#registerBtn").click(function(){	
		$(this).stop().animate({opacity:0});
		$("#loginBtn").stop().animate({opacity:1},1000);
		$("#login-form").stop().animate({left:"-20rem"},function(){
			$("#login-form").hide();
		});
		$("#userPhoto").addClass("roll").removeClass("rollBack");
		setTimeout(function(){
			$("#register-form").show().css({left:rw}).stop().animate({opacity:1},2000);			
		},1000)

	})

	//

	
		// 页面顶部提示框
		function pageTitle(i,m,t){
			$("#modal").slideDown().find("p").eq(0).text(i).next().text(m);						
			if(t){
				setTimeout(function(){
					$("#modal").slideUp()											
				},3000);
			}
		}
		// 注册表单的提示信息
		function rTitle(info,t){
			$("#register-form  .errorTit").slideDown().text(info).parent().css("padding-top","1rem");
			if(t){
				setTimeout(function(){
					$("#register-form  .errorTit").slideUp();
				},5000);
			}
		}
	
		// 点击 登陆 按钮的 出现 登陆表单
		$("#loginBtn").click(function(){
			$(this).stop().animate({opacity:0});
			$("#registerBtn").stop().animate({opacity:1},1000);			
			$("#register-form").stop().animate({left:"20rem",opacity:0});
			$("#userPhoto").addClass("rollBack").removeClass("roll");
			$("#login-form").show().stop().animate({left:0})
		});	
			
			
		// 登陆界面的表单事件		
		$("#login-form form").submit(function(event){
			
			event.preventDefault();		
			var  data = new FormData(this);	
			
			
			var remember = $("#remember").prop("checked");			
			$.ajax({
				type: "post",
				url:"/user/login",
				data:data
			}).done(function(status,resData,jqXHR){
				if(resData.code == 1 ){
					if(remember){
						$.cookie("wcID",resData.id,{ expires: 7 });
					}
					pageTitle("登陆成功","即将为您跳转到首页...",1);	
					location.href = "/";	
				}else{
					// 当用户名或密码错误时:
					$("#login-form  .errorTit").slideDown().text("账户名或密码错误，请重新输入").parent().css("padding-top","1rem");			
				}
			}).fail(function(){			
					pageTitle("受到外星人的攻击","登陆失败，请重新登陆",1);							
			});
			
		});	
		
		
		
		
		
		
		// 短信接口
    	Bmob.initialize("2cce276449aa27fe71d8e54869c5b21e", "b55ff2f382f2dce27f5f16d9532f8a5d");
		
		// 清除获取表单验证码
		function clearTime(i,ele){
				clearInterval(time);
				$(ele).text(i);
		}
		
		var time =null;	
		// 倒计时		
		function timedown(ele,arg){
			var index = 60;
		    time= setInterval(num,1000);
			function num(){
				index--;			
				$(ele).text(index+"s 后可重新获取").css({backgroundColor:"#ccc",color:"white"}).off("click");				
				if(!index){
					clearTime("* 重新获取验证码","#getVCode");
					$(ele).on("click",arg.callee);	
					$(ele).css({backgroundColor:"white",color:"#333"});
				}				
			}
			num();
		}
		
		// 发送验证码
		function sendCode(phone,myobj){
							// 发送验证码
				Bmob.Sms.requestSmsCode({"mobilePhoneNumber": phone} ).then(function(obj) {
//            vrcid = obj.smsId;
           		 Bmob.Sms.querySms(obj.smsId).then(function(obj) {
//              alert("status:"+obj.sms_state); //
                if(obj.sms_state == 'SENDING'){
//                  alert('短信发送成功')
                    myobj("短信已发送，请注意查收",1);
//					$("#register-form  .errorTit").slideDown().text("短信已发送，请注意查收").parent().css("padding-top","1rem");
                    
                }
           		 }, function(err){
//              alert("发送失败:"+err);
                myobj("短信发送失败，请重新获取",1);
            	});
     		   }, function(err){
//          alert("发送失败:"+err);
                myobj("短信发送失败，请重新获取",1);         
       		 });
		}
		
		// 获取短信验证码
			var arg  ="";
		$("#getVCode").click(function(){
			arg = arguments;		
			var  phone = $("#phoneNum").val();
			if(phone){
				// 时间倒计时
				timedown("#getVCode",arg);
				sendCode(phone,rTitle);

			}else{
				rTitle("请输入手机号码",1);		
			}
		});	
		// 验证短信
		function confirmCode(phone,icode,myobj,ele,ele1){
				Bmob.Sms.verifySmsCode(phone, icode).then(function(obj) {
//          alert("msg:"+obj.msg); //
	           	 if(obj.msg == 'ok'){
	            	  myobj("验证通过，请填写密码",1);
					 clearTime("通过验证","#getVCode");			 
	            	  $(ele).show();
	             	 $(ele1).hide();
	           	 }
	       	 	}, function(err){
	            	  myobj("验证失败，请重新获取",1);
	       	    
	        		});
		}
		
		// 点击验证 按钮 验证用过后出现密码框
		$("#validate").click(function(){
			var icode = $("#icode").val();
			var  phone = $("#phoneNum").val();
			confirmCode(phone,icode,rTitle,".next","#validate");
//			if(icode){
//			}else{
//				rTitle("请填写验证码",1);
//			}
//			
//			if(!phone){				
//				rTitle("请填写手机号码",1);
//			}
		})
		
	
		
		// 注册界面的表单事件
		$("#register-form form").submit(function(event){
			event.preventDefault();			
			var phone = $("#phone").val();
			var pwd1 = $("#pwd1").val();
			var pwd2 = $("#pwd2").val();
			
			if(pwd1!=pwd2){
				rTitle("两次输入的密码不一致",1);
			}else{
				var data = {number:phone,psw:pwd1};
			
//				$.get('/users/register',data,function (resDate){
//					if(resDate.code == 1){
//						$.cookie("number",resDate.);
//						$("#modal").slideDown().find("p").eq(0).text("恭喜您，成为新一代的吐槽小兵").next().show();	
//						$("#register-form  .errorTit").hide().parent().css("padding-top","0.5rem");						 
//                  	 setTimeout(function(){
//                   	 location.href="/";
//                  	 },2000)
//					}else {
//						 $("#modal").slideDown().find("p").eq(0).text("注册失败，请重新注册").next().hide();						
//					}
//             	 });
               	 
					$.ajax({
						type:"post",
						url:"/users/register",
						async:true
					}).done(function(status,resData,jqXhR){
						if(status == 200){
						$.cookie("wcId",resDate.id);
						 	pageTitle("注册失败，请重新注册","即将为您跳转到首页,请稍等",1)				
						$("#register-form  .errorTit").slideUp();					 
                    		 setTimeout(function(){
                     		 location.href="/";
                    	 	},2000);
						}else {
						 	$("#modal").stop().slideDown().find("p").eq(0).text("注册失败，请重新注册");
						 	pageTitle("注册失败，请重新注册","受到外星人的攻击",1)
						}
					}).fail(function(){
						 	pageTitle("注册失败，请重新注册","受到外星人的攻击",1)					 										
					});			          
			}
		})	
		// 忘记表单的提示事件
		function fgterr(message){
			$("#err-fgt").text(message);
			$("#forget-form .errorTit").stop().slideDown();
			setTimeout(function(){
					$("#forget-form .errorTit").stop().slideUp();
			},5000);
		}
		var fgrarg = ""
		// 忘记密码表单的获取按钮 获取验证码
		$("#getCode").on("click",function(){	
			fgrarg = arguments;
			var phone  = $("#fPhone").val();
			if(phone){
					$.ajax({
					type:"post",
					url:"/forget",
					async:true
				}).done(function(status,resData,jqXHR){
					if(resData == 0){
						fgterr("您输入的手机号码为注册过,请重新输入");
					}else{
						timedown("#getCode",fgrarg);
						sendCode(phone,fgterr);
					}				
				}).fail(function(){
					fgterr("因为未知原因发送失败，请重新发送");				
				});
			}else{
				fgterr("请输入手机号码");
			}			
		});

		
		
		// 点击 忘记密码表单 的 验证事件
		$("#fValidate").on("click",function(){
			var fphone = $("#fPhone").val();
			var fgtcode = $("#fgtCode").val();
			if(!fphone){
				fgterr("请输入手机号码");
				return;
			}else if(!fgtcode){
				fgterr("验证码不能为空");
				return;
			}
				Bmob.Sms.verifySmsCode(fphone, fgtcode).then(function(obj) {
//          alert("msg:"+obj.msg); //
	           	 if(obj.msg == 'ok'){
	            	 fgterr("验证通过请填写新密码");
					clearTime("验证通过","#getCode")
	            	 $(".fgtPre").removeClass("animated bounceInDown").addClass("animated bounceOutUp");
				setTimeout(function(){
					$(".fgtPre").css("display","none");
					$(".fgtNext").css("display","block").removeClass("animated bounceOutDown").addClass("animated bounceInUp");
				},500);
			
	           	 }
	       	 	}, function(err){
	            	  fgterr("验证失败，请重新获取");	       	    
	        		});
			
				
			
		
			
		});
		// 点击忘记密码表单的 prev 按钮事件
		$("#prevBtn").on("click",function(){
			$(".fgtNext").removeClass("animated bounceInUp").addClass("animated bounceOutDown");
			setTimeout(function(){
				$(".fgtNext").hide();
				$(".fgtPre").show().removeClass("animated bounceOutUp").addClass("animated bounceInDown");
			},500);
		})
		
		// 点击忘记密码出现忘记密码表单 和动画效果
		$("#fgtBtn").on("click",function(){
			$("#login-form").addClass("rot");
			setTimeout(function(){
				$("#login-form").hide()
			},2000);
			$("#forget-form").show().addClass("turn");
		});
		
	// 忘记密码表单的提交事件
		$("#forget-form form").submit(function(event){
			event.preventDefault();
			var newpwd = $("#newPwd").val();
			var repwd = $("#rePwd").val();
			if(newpwd == repwd){			
				$.ajax({
					type:"post",
					url:"/fgt",
					async:true
				}).done(function(){
					pageTitle("修改密码成功","即将为您跳转到登陆页面...",1)
				}).fail(function(){
					fgterr("因为未知的原因修改失败，请重新修改");
				});
				
			}else{
				fgterr("两次输入的密码不一致，请重新确认");
			}
		});
		
		
	})


